{extend name="base/index"/}
{block name="page_location"}
<!-- BEGIN PAGE TITLE & BREADCRUMB-->
<h3 class="page-title">数据分析中心 <small> 平台基本概况</small></h3>
<ul class="breadcrumb">
    <li><i class="icon-home"></i><a href="{:url('index/index')}">管理首页</a><i class="icon-angle-right"></i></li>
    <li><a href="javascript:;">平台基本概况</a></li>
</ul>
<!-- END PAGE TITLE & BREADCRUMB-->
{/block}
{block name="body"}
<script src="__PLUGIN__/echarts/echarts.min.js"></script>
<script type="text/javascript">
$(function(){
    var myChart = echarts.init(document.getElementById('access_count'));

    // 指定图表的配置项和数据
    option = {
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            data: ['PV独立访客', 'PU访问量']
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: ['2/1', '2/2', '2/3', '2/4', '2/5', '2/6', '2/7']
            }
        ],
        yAxis: [
            {
                type: 'value'
            }
        ],
        series: [
            {
                name: 'PV独立访客',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                data: [120, 132, 101, 134, 90, 230, 210]
            },
            {
                name: 'PU访问量',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                data: [220, 182, 191, 234, 290, 330, 310]
            }
        ]
    };


    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

});
</script>
<div class="row-fluid" id="da_index_page">
    <div class="span12">
        <div class="portlet box red">
            <div class="portlet-title">
                <div class="caption"><i class="icon-cogs"></i>平台访问流量</div>
                <div class="tools"></div>
            </div>
            <div class="portlet-body">
                <div id="access_count" style="width:100%;height:300px;"></div>
            </div>
        </div>
    </div>
</div>
<!-- END PAGE CONTENT-->
{/block}